<html>
    <head>
        <meta charset="utf-8">
        <title>打地鼠</title>
        <link rel="stylesheet" href="index.css">
    </head>
    <body>
        <!-- audio标签用于音频播放 -->
        <!-- controls  显示控制条 -->
        <!-- autoplay  自动播放 -->
        <!-- loop  自动播放 -->
        <audio 
            src="audio/music.mp3"
            autoplay
            loop
        ></audio>
        <audio 
            src="audio/dazhong.wav" 
            id="hit"
        ></audio>
        <p id="score">得分：0</p>
        <!--   table>tr*4>td*4  Tab   table表格 -->
        <table>
            <!-- 表格中的行 -->
            <tr>
                <!-- 一行中的单元格 -->
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
            </tr>
            <tr>
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
            </tr>
            <tr>
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
            </tr>
            <tr>
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
                <td><img src="image/mouse.png" alt=""></td>
            </tr>
        </table>       
    </body>
    <script src="jquery.js"></script>
    <script src="index.js"></script>
</html>